/*!
 * Copyright 2019 Rundeck, Inc. (http://rundeck.com)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.exec-output {
  table.execoutput {
    tr.contextRow {
      &:hover {
        cursor: pointer;
      }
    }
  }

  .inset-node {
    float: right;
    padding: 0 5px;
    border: 0;
    margin: 0 0 2px 2px;
    border-radius: 5px;

    margin: -1px -3px 2px 2px;
    border-radius: 0 0 0 5px;

    background: #eeeeee;
    color: #898989;
  }

  .-view-opt--node-inset-disabled {
    .inset-node {
      display: none;
    }
  }
}

.exec-output[data-mode="black"] {
  &.exec-output-bg {
    background: black;
    color: white;
  }

  table.execoutput {
    tr.node-new > td {
      border-top: 1px solid #444444;
    }

    tr.contextRow {
      background: #555555;

      &.opened {
        background: #444444;
      }

      &:hover {
        cursor: pointer;
        background: #666666;
      }

      &.down td {
        border-top: 1px solid #555555;
      }
    }

    .ctxcounter {
      color: #777777;

      &.ERROR,
      &.SEVERE {
        color: #ff9999;
      }
    }

    td.time,
    td.node,
    td.stepnum {
      color: #777777;
      background-color: #333333;
    }

    td.stepnum {
      color: #cccccc;
    }

    td.data {
      border-left: 1px solid #555555;
      color: white;

      &.log_error {
        color: #ff9999;
      }

      &.log_warn {
        color: #ffff99;
      }

      &.log_verbose,
      &.log_debug {
        color: #999999;
      }
    }
  }

  .inset-node {
    color: #777777;
    background-color: #333333;
  }
}

@media print {
  .main-panel {
    overflow: visible !important;
  }
  .card-content-full-width {
    height: auto !important;
  }
  .execution-log {
    overflow: visible !important;
  }
}
